<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../libs/bootstrap-3.4.1-dist/css/bootstrap.min.css">
  <script src="../js/jquery-3.1.1.js"></script>  
  <script src="../libs/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
<style>
td{
  color: #A8AFBC;
  text-align: center;
 padding-bottom: 15px;
}
th{
  text-align: center;
  padding-bottom: 15px;
}
#div1{
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 0;
}
#div1 button{
 width: 80px;height: 26px;
 margin: 0 15px;
}
#chongzhi{
  background-color:#61A4E4 ;
width: 80px;
  height: 26px;
  border-radius: 6px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;
}
#chaxun{
  background-color: #64C8BC;
  width: 80px;
  height: 26px;
  border-radius: 6px;
  border: none;
  color: white;
  font-size: 16px;
  outline:none;
}
</style>
</head>
<body>
  <h1 class="container">维修工单</h1>
  <div class="container" id="div1">
    <span class="col-md-1 item">维修人员</span><input type="text"  class="col-md-2 item"onfocus="this.placeholder=''" onblur="this.placeholder='请输入维修人员姓名'" placeholder='请输入维修人员姓名' id="input_1">
    <span class="col-md-1 item">开始时间</span><input type="date" class="col-md-2 item">
    <span class="col-md-1 item">结束时间</span><input type="date" class="col-md-2 item">
    <div class="col-md-3 item">
      <button id="chongzhi"><span class="glyphicon glyphicon-repeat" aria-hidden="true">重置</span></button>
      <button id="chaxun"><span class="glyphicon glyphicon-ok-circle" aria-hidden="true">查询</span></button>
    </div>
  </div>
  <table class="container">
    <thead>
      <tr>
        <th class="col-md-1 item">维修人员</th>
        <th class="col-md-1 item">任务量</th>
        <th class="col-md-1 item">11-11</th>
        <th class="col-md-1 item">11-12</th>
        <th class="col-md-1 item">11-13</th>
        <th class="col-md-1 item">11-14</th>
        <th class="col-md-1 item">11-15</th>
        <th class="col-md-1 item">11-16</th>
        <th class="col-md-1 item">11-17</th>
      </tr>
    </thead>
    <tbody id="tbody">
  
    </tbody>
  </table>





  <script src="../js/weixiugongdan.js"></script>
</body>
</html>